<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>铁路12306</title>
		<style>
			p{
			text-align: center;	
		}
		span{
			color: #DC143C;
			}
		</style>
	</head>
	<body>
		<!-- 表单 -->
		<form action="loginWasSuccessful.html" method="get">
			<!-- 插入图片 -->
			<p>
				<img src="../img/QQ截图20200716140620.png" height="20%" width="20%" />
			</p>

			<p>*<label for="username">用户名:</label>
				<input type="text" id="username" name="username" placeholder="用户设置成功后不可修改" required="required" size="30" />
				<span>6-30位字母、数字或“_”,字母开头</span>
			</p>

			<p>*<label for="pass">登录密码:</label>
				<input type="password" id="pass" name="pass" placeholder="6-20位字母、数字或符号" required="required" pattern="[\dA-Za-z]{6,20}" />
			</p>

			<p>*<label for="pass2">确认密码:</label>
				<input type="password" id="pass2" name="pass" placeholder="再次输入您的登录密码" required="required" pattern="[\dA-Za-z]{6,20}" />
			</p>

			<p>*证件类型
				<select name="DocumentType">
					<option value="ChineseResidents">中国居民身份证</option>
					<option value="HongKongMacaoResidents">港澳居民来往内地通行证</option>
					<option value="TaiwanResidents">台湾居民来往大陆通行证</option>
					<option value="passport">护照</option>
				</select>
				<span>证件填写规则</span>
			</p>

			<p>
				<input type="radio" name="type" value="ChineseResidents"/ checked="checked">中国居民身份证<br />
				<input type="radio" name="type" value="ForeignIDCard" />外国人永久居留身份证<br />
				<input type="radio" name="type" value="HongKongMacaoTaiwan" />港澳台居民居住证
			</p>

			<p>*<label for="name">姓名:</label>
				<input type="text" id="name" name="name" placeholder="请输入证件上的中文姓名" required="required" size="10" />
				<span>姓名填写规则 （用于身份核验，请正确填写）</span>
			</p>

			<p>*<label for="Number">证件号码:</label>
				<input type="text" id="Number" name="Identification Number" placeholder="请输入您的证件号码" required="required" pattern="(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)" />
				<span>(用于身份核验，请正确填写）</span>
			</p>

			<p>*<label for="youremail">邮箱:</label>
				<input type="email" id="youremail" name="email" placeholder="请正确填写邮箱地址" required="required" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" />
			</p>

			<p>*<label for="phoneNumber">手机号码（+86）：</label>
				<input type="email" id="phoneNumber" name="phoneNumber" placeholder="请输入你您的手机号码" required="required" pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" />
				<span>请正确填写手机号码，稍后将向该手机号码发送短信验证码</span>
			</p>

			<p>*旅客类型:
				<select name="TypesOfPassengers">
					<option value="adult">成人</option>
					<option value="children">儿童</option>
					<option value="student">学生</option>
					<option value="MilitaryPolice">残疾军人、伤残人民警察</option>
				</select>
			</p>

			<p>
				<input type="radio" value="complWith" /> 我已阅读并同意遵守 《中国铁路客户服务中心网站服务条款》 《隐私权政策》
			</p>

			<p>
				<input type="submit" value="下一步"></p>
			</p>
		</form>
	</body>
</html>
